<template>
	<div class="obj-tree">
		<div class="title-wrap">
			<span>对象设置</span>
		</div>
		<div class="content-wrap">
			<ul class="obj-ul">
				<li>
					<div class="layer">
						<img src="../../../../../assets/icons/layer.svg" />
					</div>
					<div class="icon">
						<img src="../../../../../assets/icons/model.svg" />
					</div>
					<div class="txt">
						<span>士大夫十大健康</span>
					</div>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
</script>


<style  scoped>
	
	.obj-tree{
		flex: 1;
		background-color: #2b2c2f;
		height: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		>.title-wrap{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			width: 100%;
			height: 34px;
			background-color: #36373a;
			border-bottom: 1px solid #18181b;
			border-top: 1px solid #515664;
			color: #ccc;
			font-size: 14px;
			>span{
				border-left-width: 3px!important;
				padding-left: 8px!important;
				height: 16px;
				line-height: 17px;
				font-size: 13px;
				color: #ccc;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				white-space: nowrap;
				border-left: 2px solid #0080ff;
				margin-left: 8px;
				padding-left: 3px;
			}
			>div{
				float: right;
				margin-top: -1px;
				>button{
				   width: 1.4375rem;
				   height: 1.875rem;
				   margin-right: 0.3125rem;
				   background: transparent;
				   color: #ccc;
				}
			}
		}
		
		>.content-wrap{
			flex: 1;
			>ul{
				>li{
					
					list-style: none;
					float: left;
					cursor: pointer;
					color: #ccc;
					
					display: -webkit-flex;
					display: flex;
					-webkit-flex-direction: row;
					flex-direction: row;
					padding: 0.3125rem;
					
					border-left: 2px solid transparent;
					height: 32px;
					color: #ccc;
					font-size: 12px;
					
					>.layer{
						margin-top: 0px;
						width: 1.25rem;
						height: 1.25rem;
						text-align: center;
						>img{
							width: 1.25rem;
						}
					}
					>.icon{
						margin-top: 3px;
						margin-left: 5px;
						width:0.9375rem;
						height: 0.9375rem;
						text-align: center;
						>img{
							width: 0.9375rem;
						}
					}
					>.txt{
						margin-left: 7px;
						>span{
							color: #ccc;
						}
					}
					>div{

					}
				}
			}
			
		}
		
		
	}
	
	
	::-webkit-scrollbar {
			width: 0rem; /*对垂直流动条有效*/
			height: 0rem; /*对水平流动条有效*/
		}
	
		/*定义滚动条的轨道颜色、内阴影及圆角*/
		::-webkit-scrollbar-track{
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
			background-color: rosybrown;
			border-radius: 0px;
		}
	
	
	/*定义滑块颜色、内阴影及圆角*/
		::-webkit-scrollbar-thumb{
			border-radius: 0px;
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
			background-color: #E8E8E8;
		}
	
		/*定义两端按钮的样式*/
		::-webkit-scrollbar-button {
			display: none;
		}
	
		/*定义右下角汇合处的样式*/
	::-webkit-scrollbar-corner {
			display: none;
		}
</style>